import { SvgIcon } from '../type'

export default function CirclePluginIcon(props: SvgIcon) {
  return (
    <svg viewBox="0 0 16 16" fill="none" focusable="false" className="chakra-icon" {...props}>
      <path
        opacity="0.1"
        d="M8 2.1875C4.79063 2.1875 2.1875 4.79063 2.1875 8C2.1875 11.2094 4.79063 13.8125 8 13.8125C11.2094 13.8125 13.8125 11.2094 13.8125 8C13.8125 4.79063 11.2094 2.1875 8 2.1875ZM11 8.375C11 8.44375 10.9438 8.5 10.875 8.5H8.5V10.875C8.5 10.9438 8.44375 11 8.375 11H7.625C7.55625 11 7.5 10.9438 7.5 10.875V8.5H5.125C5.05625 8.5 5 8.44375 5 8.375V7.625C5 7.55625 5.05625 7.5 5.125 7.5H7.5V5.125C7.5 5.05625 7.55625 5 7.625 5H8.375C8.44375 5 8.5 5.05625 8.5 5.125V7.5H10.875C10.9438 7.5 11 7.55625 11 7.625V8.375Z"
        fill="#39D0D8"
      />
      <g opacity="0.8">
        <path
          d="M8 1C4.13437 1 1 4.13437 1 8C1 11.8656 4.13437 15 8 15C11.8656 15 15 11.8656 15 8C15 4.13437 11.8656 1 8 1ZM8 13.8125C4.79063 13.8125 2.1875 11.2094 2.1875 8C2.1875 4.79063 4.79063 2.1875 8 2.1875C11.2094 2.1875 13.8125 4.79063 13.8125 8C13.8125 11.2094 11.2094 13.8125 8 13.8125Z"
          fill="#39D0D8"
        />
        <path
          d="M10.875 7.5H8.5V5.125C8.5 5.05625 8.44375 5 8.375 5H7.625C7.55625 5 7.5 5.05625 7.5 5.125V7.5H5.125C5.05625 7.5 5 7.55625 5 7.625V8.375C5 8.44375 5.05625 8.5 5.125 8.5H7.5V10.875C7.5 10.9438 7.55625 11 7.625 11H8.375C8.44375 11 8.5 10.9438 8.5 10.875V8.5H10.875C10.9438 8.5 11 8.44375 11 8.375V7.625C11 7.55625 10.9438 7.5 10.875 7.5Z"
          fill="#39D0D8"
        />
      </g>
    </svg>
  )
}
